<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://zlzkj.com/tags" prefix="z" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<jsp:useBean id="now" class="java.util.Date"/>

<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<html>
<head>
    <base href="<%=basePath%>">

    <title>能源管理系统</title>

    <%@ include file="style.jsp" %>
    <%@ include file="script.jsp" %>
</head>

<%@ include file="common.jsp" %>

<body>
    <%@ include file="header.jsp" %>
    <div class="zlzkj_main_content">
        <!-- Left column -->
        <div class="nav">
            <div id="jquery-accordion-menu" class="jquery-accordion-menu blue">
                <div class="jquery-accordion-menu-header" id="form">
                    <div class="title_date"><fmt:formatDate value="${now}" pattern="yyyy年M月d日 E"/></div>
                </div>
                <ul id="demo-list">
                    <li><a href="javascript:void(0);" tar-href="${z:u('home/index')}"><i class="fa fa-home fa-fw"></i>首页 </a></li>
                    <li><a href="javascript:void(0);"><i class="fa fa-pie-chart fa-fw"></i>能源数据管理 </a>
                        <ul class="submenu">
                            <li><a href="javascript:void(0);" tar-href="${z:u('form/index')}">实时监控 </a></li>
                            <li><a href="javascript:void(0);" tar-href="${z:u('form/analysis')}">能源消耗监控 </a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0);" ><i class="fa fa-cogs fa-fw" ></i>设备管理 </a>
                        <ul class="submenu">   
                            <li><a href="javascript:void(0);" tar-href="${z:u('energymac/index')}">设备查询 </a></li>
                            <li><a href="javascript:void(0);">设备入库 </a></li>
                            <li><a href="javascript:void(0);">设备安装 </a></li>
                            <li><a href="javascript:void(0);">设备检修</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0);" ><i class="fa fa-bar-chart fa-fw"></i>预警管理 </a>
                        <ul class="submenu">
                            <li><a href="javascript:void(0);" tar-href="${z:u('monitor/index')}">预警信息管理 </a></li>
                            <li><a href="javascript:void(0);" tar-href="${z:u('warning/index')}">告警详情管理 </a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0);"><i class="fa fa-paper-plane-o fa-fw" aria-hidden="true"></i>控制决策 </a>
                        <ul class="submenu">
                            <li><a href="javascript:void(0);" tar-href="${z:u('plan/index')}">决策方案管理 </a></li>
                            <li><a href="javascript:void(0);">管理 </a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0);"><i class="fa fa-line-chart fa-fw"></i>决策分析 </a>
                        <ul class="submenu">
                            <li><a href="javascript:void(0);">智能化总体分析</a></li>
                            <li><a href="javascript:void(0);">2</a></li>
                        </ul>
                    </li>
	                <li><a href="javascript:void(0);"><i class="fa fa-hashtag fa-fw"></i>系统管理 </a>
	                    <ul class="submenu">
	                        <li><a href="javascript:void(0);">权限管理</a></li>
	                        <li><a href="javascript:void(0);" tar-href="${z:u('operation/index')}">操作日志管理</a></li>
	                        <li><a href="javascript:void(0);" tar-href="${z:u('user/index')}">人员管理 </a></li>
	                    </ul>
	                </li>
	            </ul>
	        </div>
	    </div>
	    <!-- Main content -->
	    <div class="zlzkj_content light-gray-bg">
	        <div class="templatemo-content col-1 light-gray-bg">
	            <div class="templatemo-content-container">
	                <div class="templatemo-content-widget no-padding">
	                    <div class="zlzkj_item_content table-responsive"style="height: 80%">
	                        <div class="modal-header">
	                            <div class="text-info"><p>首页</p></div>
	                        </div>
	                        </br>
	                        <div style="background-color: #f5f9fd;height: 150px;margin-left: 4px;width: 91%;padding-left: 20px; border:1px solid #dfdfdf">
		                        </br>
		                        <p style="font-size: 26px">鼎研能源管理系统 为工业而生</p>
		                        </br>
	                            <p style="font-size: 18px">鼎研能源管理系统 包括众多能源管理组件和模块，丰富的管理功能，更有多个包含不同权限的系统组件，体验优秀的跨屏页面，大幅提升管理效率。</p>
	                            <p style="font-size: 18px"> <label style="background-color: #ed6a74;color: white">&nbsp;提示:&nbsp;</label>&nbsp;鼎研能源管理系统 关注工业能源管理，根据用户需求调整模块，实现更好的能源管理效果。</p>
	                        </div>
	                        </br>
	                    	</br>
	                        <a href="javascript:void(0);" tar-href="${z:u('form/index')}">
	                        	<img src="${__static__}/images/default/energy_home1.png">
	                        </a>
	                        <a href="#">
	                        	<img src="${__static__}/images/default/energy_home2.png">
	                        </a>
	                        <a  href="javascript:void(0);" tar-href="${z:u('energymac/index')}">
	                        	<img src="${__static__}/images/default/energy_home3.png">
	                        </a>
	                        <a href="javascript:void(0);" tar-href="${z:u('form/analysis')}">
	                        	<img src="${__static__}/images/default/energy_home4.png">
	                        </a>
	                    </div>
	                </div>
	            </div>
	        </div>
	    </div>
	<!-- </div> -->

<script type="text/javascript">
    $(function () {
        jQuery("#jquery-accordion-menu").jqueryAccordionMenu();
        $(".jquery-accordion-menu li a").off('click').on("click",function(){
            $(".jquery-accordion-menu li a.active").removeClass("active");
            $(this).addClass("active");
            var tar_href = $(this).attr("tar-href");
            $(".zlzkj_content").load(tar_href,function(){
                $("#content").load(tar_href+" #content",function(result){
                    $result = $(result);
                    $result.find("script").appendTo('#content');
                });
            });
        })
        $(".zlzkj_item_content  a").off('click').on("click",function(){
            $(".zlzkj_item_content  a.active").removeClass("active");
            $(this).addClass("active");
            var tar_href = $(this).attr("tar-href");
            $(".zlzkj_content").load(tar_href,function(){
                $("#content").load(tar_href+" #content",function(result){
                    $result = $(result);
                    $result.find("script").appendTo('#content');
                });
            });
        })
        //$(".jquery-accordion-menu").load($(".jquery-accordion-menu li a.active").attr("tar-href"));
    });
</script>
</body>
</html>
